import React,{PureComponent} from 'react'
import {View,StyleSheet,TouchableOpacity,Text,Dimensions,Image,Button,Platform,Animated} from 'react-native'
import color from '../color'

type Props = {
    callbackBack:Function,
    // callbackShare:Function,
}

export default class DetailNavigation extends PureComponent<Props>{

    constructor(props){
        super(props)

    }

    render(){
        return (
            <Animated.View style={[styles.container,]}>
                <View style={{alignItems:'center',flexDirection:'row'}}>
                    <TouchableOpacity style={styles.left_view} onPress={()=>{this.props.callbackBack()}}>
                        <Image style={{width:11,height:17}} source={require('../../../res/img/detail/detail_back.png')}/>
                    </TouchableOpacity>
                    <View style={{flex:1}}/>
                    <TouchableOpacity style={styles.right_view}>
                        <Image style={{width:15,height:15}} source={require('../../../res/img/detail/detail_share.png')}/>
                    </TouchableOpacity>
                </View>
            </Animated.View>
        )
    }
}
const styles = StyleSheet.create({
    container:{
        backgroundColor:'#db3843',
        flexDirection:'row',
        height:50,
        paddingBottom:10,
        alignItems:'flex-end',
        // opacity:0,
    },
    left_view:{
       marginLeft:12,
        backgroundColor:'rgba(0,0,0,0.7)',
        borderRadius:16,
        width:32,
        height:32,
        justifyContent:'center',
        alignItems:'center',
    },
    right_view:{
        marginRight:12,
        backgroundColor:'rgba(0,0,0,0.7)',
        borderRadius:16,
        width:32,
        height:32,
        justifyContent:'center',
        alignItems:'center',
    },

})